﻿/**
 * #############################################################
 * Formulare
 * #############################################################
 */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
        width: 450px;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    fieldset label {
        display: block;
        font-size: 1.2em;
        font-weight: 600;
    }

        fieldset label.checkbox {
            display: inline;
        }

    fieldset input[type="text"],
    fieldset input[type="password"],
    fieldset textarea {
        border: 1px solid #e2e2e2;
        color: #333;
        font-size: 1.2em;
        margin: 5px 0 6px 0;
        padding: 5px;
        width: 438px;
        font-family: 'Open Sans',sans-serif !important;
        font-size: 14px;
    }

    fieldset textarea {
        height: 150px;
    }

    fieldset input[type="text"]:focus,
    fieldset input[type="password"]:focus {
        border: 1px solid #7ac0da;
    }

    fieldset input[type="submit"] {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
    }

    fieldset .error-input {
        border: 1px solid #ff0000 !important;
    }

    fieldset .field-validation-error {
        color: #ff0000 !important;
    }
    
/**
 * #############################################################
 * Überschriften
 * #############################################################
 */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans',sans-serif !important;
}

h1, h2, h3 {
    font-weight:100;
}

h4, h5, h6 {
    font-weight:600;
}

h1 {
    font-size:40px;
}

h2 {
    font-size:34px;
}

h3 {
    font-size:28px;
}

h4 {
    font-size:20px;
}

h5 {
    font-size:16px;
}

h6 {
    font-size:12px;
}
    
/**
 * #############################################################
 * Tabellen
 * #############################################################
 */
table {
    background-color: #f9f9f9;
    border: 1px solid #aaaaaa;
    border-collapse: collapse;
    margin: 1em 1em 1em 0;
}
    table > thead > tr > td {
        background-color: #d2d2d2;
        text-align: center;
        font-weight:bold;
    }

    table tr > th,
    table tr > td,
    table thead > * > tr > th,
    table thead > * > tr > td {
        border: 1px solid #aaaaaa;
        padding: 0.2em;
    }
    
/**
 * #############################################################
 * Auflistungen
 * #############################################################
 */
.OL0, .OL1, .OL2, .OL3, .OL4, .OL5, .OL6, .OL7, .OL8, .OL9 {
    min-height:24px;
}

.OL0 {
    list-style-image:url('/Img/orderedList0.png');
}
.OL1 {
    list-style-image:url('/Img/orderedList1.png');
}
.OL2 {
    list-style-image:url('/Img/orderedList2.png');
}
.OL3 {
    list-style-image:url('/Img/orderedList3.png');
}
.OL4 {
    list-style-image:url('/Img/orderedList4.png');
}
.OL5 {
    list-style-image:url('/Img/orderedList5.png');
}
.OL6 {
    list-style-image:url('/Img/orderedList6.png');
}
.OL7 {
    list-style-image:url('/Img/orderedList7.png');
}
.OL8 {
    list-style-image:url('/Img/orderedList8.png');
}
.OL9 {
    list-style-image:url('/Img/orderedList9.png');
}

/**
 * #############################################################
 * Links
 * #############################################################
 */
a,
a:visited,
a:link {
    text-decoration:underline;
    color:#222222;
}
a:hover,
a:active {
    text-decoration:underline;
    color:#00afff;
}
    
/**
 * #############################################################
 * Cursor
 * #############################################################
 */
.cur_pointer {
    cursor:url('/Img/Cur/aero_link.cur'), pointer;
}
    
/**
 * #############################################################
 * jQuery UI ( Additional Code )
 * #############################################################
 */
.ui-button {
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
    font-family: 'Open Sans', sans-serif !important;
}

.ui-state-hover {
    color:#FAFAFA;
}

.ui-button span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;top: 50%;
    margin-top: -8px;
}

.ui-metro-button {
    font-family: 'Open Sans',sans-serif !important;
    padding: 0.4em 1em 0.4em 20px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    display: block;
    margin-right: 0.1em;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    height:24px;
}

    .ui-metro-button > .ui-metro-button-image {
        padding:3px 0px;
        border:0px;
    }

.ui-tilelist-title {
    font-size:34px;
    font-weight:100;
    padding-left:42px;
}
    
.ui-tile-list {
    list-style:none;
    width:250px;
}

    .ui-tile-list > li {
        float:left;
        position:relative;
        margin:5px;
    }

    .ui-tile-list > .ui-tile-small {
        height:100px;
        width:100px;
    }

    .ui-tile-list > .ui-tile-large {
        height:100px;
        width:210px;
    }

    .ui-tile-list > .ui-tile-small > .ui-tile-title {
        margin:2px 10px;
        position:absolute;
    }

    .ui-tile-list > .ui-tile-small > .ui-tile-description {
        font-size:10px;
        position:absolute;
        bottom:2px;
        left:2px;
    }

    .ui-tile-list > .ui-tile-large > .ui-tile-title {
        font-size:18px;
        font-weight:400;
        margin:5px;
        position: absolute;
    }

    .ui-tile-list > .ui-tile-large > .ui-tile-description {
        font-size:12px;
        position:absolute;
        bottom:2px;
        left:2px;
    }
    
/**
 * #############################################################
 * jQuery UI ( Additional Code )
 * #############################################################
 */
.blue{
    background:#1BA1E2;
    color:#333333;
}
.brown{
    background:#A05000;
    color:#333333;
}
.green{
    background:#339933;
    color:#333333;
}
.lime{
    background:#A2C139;
    color:#333333;
}
.magenta{
    background:#D80073;
    color:#333333;
}
.mango{
    background:#F09609;
    color:#333333;
}
.pink{
    background:#E671B8;
    color:#333333;
}
.purple{
    background:#A200FF;
    color:#CCCCCC;
}
.red{
    background:#E51400;
    color:#CCCCCC;
}
.teal{
    background:#00ABA9;
    color:#333333;
}
.light{
    background:#DEDEDE;
    color:#333333;
}
.dark{
    background:#3B3E42;
    color:#CCCCCC;
}